:root {
  --primary: #F80013;
  --bg-grey: #FAFBFC;
  --page-grey: #F9F9F9;
  --divider: #ECEFF1;
  --bg: #F2F2F2
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s ease;
}
.fade-enter-from, .fade-leave-to {
  opacity: 0;
}
.fade-enter-to, .fade-leave-from{
  opacity: 1;
}
*::-webkit-scrollbar {width:5px;height:5px;background:#f8f8f8}
*::-webkit-scrollbar-track-piece {background:0 0}
*::-webkit-scrollbar-button {display:none}
*::-webkit-scrollbar-thumb{ border-radius:5px;background:#ccc}

@keyframes fadeInUp {
  0%{opacity:0; -webkit-transform:translate3d(0,100%,0); transform:translate3d(0,100%,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp {
  animation: fadeInUp 1s both;
}
@keyframes fadeInUpMini {
  0%{opacity:0; -webkit-transform:translate3d(0,100px,0); transform:translate3d(0,100px,0)}
  100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpMini {
  animation: fadeInUpMini 1s both;
}